{extend name="public/base"}

{block name="title"}
分销
{/block}

{block name="style"}
{css href="/static/wechat/css/distribution.css" /}
{/block}
{block name="body"}
<div class="pageControl orderDetails">
    <div class="msui_nav msui_navTop" style="border-bottom: 1px solid #cccccc;align-items: center;">
        <a class="msui_navTop-back" href="javascript:history.back();"><i class="micon-back"></i></a>
        <h1 class="msui_navTop-title">邀请注册</h1>
    </div>
    <div class="weui-top">
        <div class="yao_div">
            <div class="tgrhead" style="background-image: url({$member_role_info.headimgurl|default='/static/wechat/images/tui_03.jpg'})">

            </div>
            <p>{$member_role_info.nickname}</p>
            <span class="fs08">{$phone}</span>
            <h1 class="fs10">您的好友邀请您注册开摩邦网</h1>
        </div>

        <div class="weui-cells weui-cells_form">
            <form action="{:url('login/save_register')}" method="post" id="form"  class="register_form">
                <div class="weui-cell">
                    <div class="weui-cell__hd"><label class="weui-label">+86<i class="micon-in"></i></label></div>
                    <div class="weui-cell__bd">
                        <input class="weui-input" type="number" name="phone" placeholder="请输入手机号码">
                    </div>
                </div>
                <div class="weui-cell">
                    <div class="weui-cell__hd"><label class="weui-label">密码</label></div>
                    <div class="weui-cell__bd">
                        <input class="weui-input" type="password" name="password" placeholder="6-20位数字、字母组合">
                    </div>
                </div>
                <div class="weui-cell">
                    <div class="weui-cell__hd"><label class="weui-label">验证码</label></div>
                    <div class="weui-cell__bd">
                        <input class="weui-input" type="text" name="code"  placeholder="请输入验证码">
                    </div>
                    <div class="weui-cell_ft">
                        <button class="weui_cell-verify js-verify cl-orange">获取验证码</button>
                    </div>
                </div>
                <div class="weui-cell mt10">
                    <div class="weui-cell__hd"><label class="weui-label">邀请码</label></div>
                    <div class="weui-cell__bd">
                        <input class="weui-input" type="hidden" name="parent_phone" value="{$phone}">
                        <input class="weui-input" type="number" value="{$phone}" disabled="disabled" >
                    </div>
                </div>
            </form>
        </div>
        <div class="msui_button">
            <div class="msui_button-hd">
                <p class="cl-orange referrer"></p>
            </div>
            <div class="msui_button-bd">
                <a class="msui_button-content member_form">注册账户</a>
            </div>
        </div>

        <div class="xieyidiv">
            <p class="fs06">注册即表示您已阅读并同意<span class="xieyi"> <a href="{:url('base/member_service_contract', ['id' => 12])}">开摩邦网服务协议</a> </span></p>
        </div>
    </div>
</div>
{/block}

{block name="javascript"}
{js href="/static/wechat/js/login_form.js" /}
{/block}